<template>
  <Modal
    v-model:active="FreeEdgeCheckModalVueActive"
    transfer
    title="自由边检查"
    :width="540"
    confirm-text="确定"
    @confirm="excuteFreeEdgeCheck"
  >
  </Modal>
</template>
<script setup lang="ts">
import { ref } from "vue";
import { Modal } from "cax-ui";
import { storeToRefs } from "pinia";
import { useCoreStore, _global } from "@/UI/store";
const coreStore = useCoreStore();

let { FreeEdgeCheckModalVueActive } = storeToRefs(coreStore);

let radioValue = ref<number>(6);

const providedProps = {
  default: { clearable: true },
  formItem: { required: true },
};

function excuteFreeEdgeCheck() {
  _global.Engine.mesh
    .freeEdgeCheck({
      entityId: 1,
      entityType: 1,
      partId: 1,
    })
    .then(() => {
      console.log("完成了");
    });
}
</script>

<style scoped lang="less">
:deep(.vxp-form) {
  display: flex;
  align-items: center;
}
.title {
  display: flex;
  align-items: center;
  margin-bottom: 16px;

  .title_color {
    width: 4px;
    height: 12px;
    background: #339af0;
    margin-right: 8px;
  }
  .title_content {
    opacity: 1;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0em;
    font-variation-settings: "opsz" auto;
    /* content/主要一级primary */
    /* 样式描述：--vxp-content-color-primary */
    color: #212529;
  }
}
</style>
